<template>
	<view class="body">
		<view class="bg-white">
			<u-tabs :current='active' :list="menu" lineColor='#FF7E11' activeStyle='color:#FF7E11'
				:scrollable='false'></u-tabs>
		</view>
		<view class="list">
			<u-cell size="large" title='抵扣券' value="2张,共计7元" isLink url="/pages/index/couponDetail"></u-cell>
			<u-cell size="large" title='洗车券' value="0张,共计0元" isLink url="/pages/index/couponDetail"></u-cell>
			<u-cell size="large" title='餐饮券' value="0张,共计0元" isLink url="/pages/index/couponDetail"></u-cell>
			<u-cell size="large" title='商品券' value="0张,共计0元" isLink url="/pages/index/couponDetail"></u-cell>
		</view>
		<view class="f20 gray9 tc mt60">优惠券不找零不退换，过期作废。</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				menu: [{
					name: "未使用"
				}, {
					name: "已使用"
				}, {
					name: "已过期"
				}],
				active: 0
			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.body {
		min-height: 100vh;
		background-color: #f4f4f4;
	}
</style>